<template>
    <view>
        <uni-popup type="message" ref="messageRef">
            <uni-popup-message type="success">
                <view>
                    <text>{{message}}</text>
                </view>
            </uni-popup-message>
        </uni-popup>
    </view>
</template>

<script setup>
    import {ref, onMounted} from "vue"
    const props = defineProps(['message'])
    const messageRef = ref(null)
    
    onMounted(() => {
        console.log("message", props.message);
    })
        
    defineExpose({
        openMessage: () => {
            messageRef.value.open()
        }
    })
    
    
</script>

<style>

</style>
